﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>


    <title>Ally's Portfolio</title>
    <meta name="description" content="The portfolio page for Ally Reynolds,including smaples and contact information."/>

    <meta property="og:title" content="Ally Reynolds's Porfolio" />
    <meta property="og:description" content="The portfolio page for Ally Reynolds,including smaples and contact information."/>

<!--    <link rel="stylesheet" href="favicon.ico">-->
    <link rel="stylesheet" href="css/site.css">


</head>
<body>

<main>
    <div class="hero">
        <h1>
            Hi,I'm<br> Moriarty
        </h1>
        <img src="img/1.jpeg"
             alt="A picture of smiling.">
    </div>
    <div id="contact-me">
        <h2>This is how to contact me</h2>
        <form id="contact-form" action=""  method="POST">
            <label for="name">Name: </label>
                <input type="text" id="name" name="name" required>

            <label for="email">Email: </label>
                <input type="email" id="email" name="email" required>

            <label for="message">Message:</label>
                <textarea name="message" id="message"
                          rows="5" required></textarea>

            <div>
                <button type="submit">Contact Ally</button>
                <button type="reset">Reset</button>
            </div>
        </form>

    </div>
    <div id="portfolio-section">
        <div>
            <h2>This is some of my work</h2>
            <a href="portfolio.html">see more</a>
        </div>
        <img src="img/gallery-big-1.jpg" alt="My portfolio colage">
    </div>

    <div id="my-story">
        <h2>This is my story</h2>
        <p>
            lorem ipsum,sit amd,and where you from.I like reading hiking... and so on
        </p>
        <p>
            lorem ipsum,sit amd,and where you from.I like reading hiking... and so on
        </p>
    </div>

</main>

<footer>
&copy; <span id="copyrightYear">2027 </span> by Ally Moriarty!

</footer>
<script src="js/app.js"></script>
<script>
    app.homepage();
</script>
</body>
</html>